<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>二维码</title>
		<style type="text/css">
			#main .demo {
				width: 400px;
				margin: 40px auto 0 auto;
				min-height: 250px;
			}
			
			#main .demo p {
				line-height: 30px
			}
			
			#main #code {
				margin-top: 10px
			}
		</style>
	</head>

	<body>
		<div id="main">
			<div class="demo">
				<div class="code"></div>
			</div>
		</div>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript" src="jquery.qrcode.min.js"></script>
		<script type="text/javascript">
			$(function() {
				var str = toUtf8("weixin://wxpay/bizpayurl?pr=O3YaQGi");
				$(".code").qrcode({
					render: "canvas",
					width: 200,
					height: 200,
					text: str
				});
			})
			function toUtf8(str) {
				var out, i, len, c;
				out = "";
				len = str.length;
				for(i = 0; i < len; i++) {
					c = str.charCodeAt(i);
					if((c >= 0x0001) && (c <= 0x007F)) {
						out += str.charAt(i);
					} else if(c > 0x07FF) {
						out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
						out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
						out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
					} else {
						out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
						out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
					}
				}
				return out;
			}
		</script>
	</body>
</html>